/**
 * BLOGGER TOC WITH ACCORDION EFFECT
 * ---------------------------------------------------
 * Modified by @dek_rif
 * Original: http://www.ahompimpaalaihumgambreng.blogspot.com
 * URL: http://otowebsite.blogspot.com
 * ---------------------------------------------------
 */

#daftar-isi {
  background-color:#333;
  border:2px solid #fafafa;
  color:#fff;
  margin-bottom:10px;
  -webkit-box-shadow:0 1px 2px #000;
  -moz-box-shadow:0 1px 2px #000;
  box-shadow:0 1px 2px #000;
  overflow:hidden;
}

#daftar-isi .judul-label {
  overflow:hidden;
  cursor:pointer;
  text-decoration:none;
  font:normal 13px/100% 'Verdana',Arial,Sans-serif;
  padding:10px 15px 11px;
  color:#fff;
  text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
  border-top:1px solid #444;border-bottom:1px solid #fff;
  background-color:#333;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#333333');
  background-image:-webkit-linear-gradient(top, #3c3c3c, #333);
  background-image:-moz-linear-gradient(top, #3c3c3c, #333);
  background-image:-o-linear-gradient(top, #3c3c3c, #333);
  background-image:linear-gradient(top, #3c3c3c, #333);
}

#daftar-isi .headactive {
  color:#efefef;
  border-top:1px solid #24B6E3;border-bottom:1px solid #104968;
  background-color:#248AB0;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#248AB0', endColorstr='#21739B');
  background-image:-webkit-linear-gradient(top, #3e81c4, #21739B);
  background-image:-moz-linear-gradient(top, #3e81c4, #21739B);
  background-image:-o-linear-gradient(top, #3e81c4, #21739B);
  background-image:linear-gradient(top, #3e81c4, #21739B);
}

#daftar-isi ol {
  background-color:#333;
  margin:0 0;
  padding:0 0;
  color:#999;
  list-style:none;
}

#daftar-isi li {
  line-height:normal;
  font:normal 11px/100% 'Verdana',Arial,Sans-serif;
  margin:0 0;
  padding:5px 5px 5px 15px;
  white-space:nowrap;
  text-align:left;
  border-top:1px solid #444;border-bottom:1px solid #222;
}

#daftar-isi li:first-child {border-top:none;}
#daftar-isi a              {color:#3e81c4;}
#daftar-isi a:hover        {text-decoration:underline;}
#daftar-isi a:visited      {color:#3e81c4;}

#daftar-isi strong {
  font-weight:bold;
  font-style:italic;
  color:red;
}



A:Link {
-Webkit-Transition: Padding-Left 250ms Ease-Out;  -Moz-Transition: Padding-Left 250ms Ease-Out;
}
A:Hover {
    Padding-Left: 12px;}




@-keyframes pelangi{
0% { color:red }
20% { color:yellow}
40% { color:green}
60% { color:blue}
80% { color:purple}
100%{ color:orange}
}
@-webkit-keyframes pelangi{
0% { color:red }
20% { color:yellow}
40% { color:green}
60% { color:blue}
80% { color:purple}
100%{ color:orange}
}
@-moz-keyframes pelangi{
0% { color:red }
20% { color:yellow}
40% { color:green}
60% { color:blue}
80% { color:purple}
100%{ color:orange}
}
@-o-keyframes pelangi{
0% { color:red }
20% { color:yellow}
40% { color:green}
60% { color:blue}
80% { color:purple}
100%{ color:orange}
}
@-ms-keyframes pelangi{
0% { color:red }
20% { color:yellow}
40% { color:green}
60% { color:blue}
80% { color:purple}
100%{ color:orange}
}

a{text-decoration:none;}
a:hover{animation:pelangi 3s infinite alternate;-webkit-animation:pelangi 3s infinite alternate;-moz-animation:pelangi 3s infinite alternate;-o-animation:pelangi 3s infinite alternate;-ms-animation:pelangi 3s infinite alternate;
}
